import "swiper/less"
import 'swiper/css/effect-creative'
import "swiper/css/pagination"
import 'animate.css'
import 'aos/dist/aos.css'
import "./style/index.less"
import "element-plus/dist/index.css"

import { createPinia } from "pinia"

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

import { createApp } from 'vue'
import App from './App.vue'

import router from './router'
import Start from './component/start.vue'
import Header from "./component/header.vue"
import Footer from "./component/footer.vue"
import Card from "./component/card.vue"

import "./assets/icon/iconfont.js"

const app = createApp(App)

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

app
.use(createPinia())
.use(router)
.component("Start", Start)
.component("Header", Header)
.component("Footer", Footer)
.component("Card", Card)
.mount('#app')
